<template>
	<div>
		<section class="union-detail">
			<div class="container">
				<div class="case-content mgbt50 cl">
					<div class="case-pic fl borderall"><img src="images/text/6728c7302eabcbfb086584b432a488b2.png"></div>
					<div class="case-info fr">
						<h1>测试
							<!--<span>已认证</span>-->
							<span style="background-color: #999;">未认证</span>
						</h1>
						<p><i class="ion-ios-clock-outline ft14 range-rg"></i>时间：2018-04-04&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-ios-eye-outline ft20 range-rg"></i>浏览：12</p>
						<p class="mgbt10"><i class="ion-settings ft14 range-rg"></i>技术架构：PHP+安卓+iOS（tp5框架）&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-ios-location-outline ft16 range-rg"></i>地区：绵阳&nbsp;&nbsp;&nbsp;&nbsp;<i class="ion-navicon ft16 range-rg"></i>类别：APP应用</p>
						<p class="mgbt20"><i class="ion-settings ft14 range-rg"></i>支持：全开源</p>
						<div class="hg ft14 lg26">为学生提供在线查询教师信息和购买教师课程，课程同步，做到轻轻松松找老师；独具创新的课程补习方案，按学期补习和按时间段补习两种模式。</div>
						<div class="mgbt30 ft14">
							<a href="javascript:;" class="btn btn-primary range-rg contact">查看联系方式</a>
							<a href="javascript:;" class="btn btn-hollow range-rg contact btni">我想做个类似的</a>
							<button class="tag-read" data-clipboard-text="产品ID" @click="copy">复制产品ID</button>
						</div>
						<div class="ft18" id="ajcon"></div>
					</div>
				</div>
				<div class="other-case cl mgbt50">
		
				</div>
				<!-- <div class="detail-content" deep="2">
					本项目是教育电商平台APP（Android / IOS），由管理员（包含二级管理员）、B端用户（教师）和C端用户（学生组成）；学生能在线查询教师信息和购买教师课程，课程同步，做到轻轻松松找老师；独具创新的课程补习方案，按学期补习和按时间段补习两种模式。
				</div> -->
			</div>
		</section>
	</div>
</template>

<script>
	import Clipboard from 'clipboard'
	export default {
		name: 'DetailPage',
		methods:{
			 copy() {
				var clipboard = new Clipboard('.tag-read')
				clipboard.on('success', e => {
					console.log('复制成功')
					  // 释放内存
					  clipboard.destroy()
				})
				clipboard.on('error', e => {
				  // 不支持复制
				  console.log('该浏览器不支持自动复制')
				  // 释放内存
				clipboard.destroy()
				})
			}
		}
	}
</script>

<style>

</style>